<div class="param">
  <h3>覆盖物标注Marker类</h3>
  <nz-tabset>
    <nz-tab nzTitle="属性">
      <form nz-form [formGroup]="attrForm" (ngSubmit)="submitAttrForm()">
        <nz-form-item>
          <nz-form-label [nzSpan]="8">旋转角度</nz-form-label>
          <nz-form-control [nzSpan]="10">
            <input type="text" nz-input formControlName="rotation" placeholder="请输入旋转角度" />
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="8">悬浮marker显示内容</nz-form-label>
          <nz-form-control [nzSpan]="10">
            <input type="text" nz-input formControlName="title" placeholder="请输入内容" />
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="8">启用拖拽</nz-form-label>
          <nz-form-control [nzSpan]="6">
            <nz-radio-group formControlName="enableDragging">
              <label nz-radio-button [nzValue]="true">是</label>
              <label nz-radio-button [nzValue]="false">否</label>
            </nz-radio-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control [nzOffset]="10" [nzSpan]="12">
            <button nz-button nzType="primary" [disabled]="!attrForm.valid">设置标注</button>
          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-tab>

    <nz-tab nzTitle="事件">
      <nz-checkbox-wrapper style="width: 100%;" (nzOnChange)="handleEventChange($event)">
        <div nz-row>
          <div class="event-item" nz-col nzSpan="12" *ngFor="let event of eventList">
            <label nz-checkbox nzValue="{{event.value}}">{{event.label}}</label>
          </div>
        </div>
      </nz-checkbox-wrapper>
      <div class="event-btn">
        <button nz-button nzType="primary" (click)="handleEventsBind()">绑定事件</button>
      </div>
    </nz-tab>

    <nz-tab nzTitle="方法">
      <div class="method-list">
        <button
          *ngFor="let method of methodList"
          nz-button
          nzType="default"
          (click)="handleMethodTrigger(method.value)"
        >
          {{method.label}}
        </button>
      </div>
    </nz-tab>
  </nz-tabset>
</div>
